<template>
    <div class="onlineVue">
        <div class="lebel">轻松解决您的问题，立即添加专属客服微信！</div>
        <div class="label">想要更快捷地获取帮助或咨询产品信息？只需扫描下方二维码，添加我们的微信客服：</div>
        <div class="img flex align_center">
            <img src="../../assets/service.jpg" style="width: auto; height: 100%;">
            <div class="div" style="padding-left: 30px;">
                <div style="padding: 10px 0;">您将享受以下服务：</div>
                <div style="padding: 10px 0;">- 快速响应：优先解答您的疑问，提供实时帮助</div>
                <div style="padding: 10px 0;">- 个性化服务：根据您的需求，提供量身定制的解决方案。</div>
                <div style="padding: 10px 0;">- 专属优惠：获取最新的促销信息和独家优惠。</div>
            </div>
        </div>
    </div>
</template>

<style lang="less">
.onlineVue {
    width: 100%;
    height: 100%;
    padding: 20px;
    .lebel {
        padding-bottom: 15px;
    }

    .img {
        width: 100%;
        height: calc(100% - 40px - 30px - 28px);
    }
}
</style>